<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>开始使用 layui</title>
  <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
<table id="sudoku">
   
</table> 
<!-- 你的 HTML 代码 -->
 
<script src="../layui/layui.js"></script>
<script>
layui.use(['layer'], function(){
    let $ = layui.$;
  var layer = layui.layer
  ,form = layui.form;
  get_sudoku_info(1);
    

  function aabb(){
    html=' <tr><td>11111</td><td><input type="text" id="td_1" ></td></tr><tr><td>222222</td><td><input type="text" id="td_2"></td></tr>';
    $('#sudoku').empty();
    $('#sudoku').append(html);
  }
  function get_sudoku_info(level){
    MODULE_PATH="http://jlapi.joylearn.com/api/index/index?app=i10100joybb"
    $.ajax({
            url: MODULE_PATH,
            data: {'service':'getSudoku','level':level},
            dataType: 'json',
            async:false,
            type: 'post',
            success: function(result) {
                console.log(result)
                if (result.code==0) {
                    aabb();
                }
            }
        })
        //aabb();
  }

$("#sudoku input ").bind('change', function(event) {
    console.log('2222222')
 })
});
</script> 
</body>
</html>